window.addEventListener("load", function () {
	// 功能一：独角兽区轮播图
	// 思路：将多个图文结构unicornCont全部叠在一个区域， 每隔3s让其他一个显示，其他不显示
	// 1.获取相关节点
	const bannerConts = $(".bannerCont");
	console.log($(".bannerCont"));
	bannerConts[0].style.opacity = "1"; // 默认显示第0个
	let index = 1;
	// 2.设置周期定时器每隔3秒显示
	this.window.setInterval(function () {
		// 3.排他思想，不管当前谁显示，每一个周期都先让所有消失
		bannerConts.forEach(function (v) {
			v.style.opacity = "0";
		});
		// 4.通过索引显示对应内容，其他不显示
		bannerConts[index].style.opacity = "1";
		// 5.设置索引变量，每隔一个周期就++
		index++;
		// 6.当索引达到最大限度时要回复初始状态
		if (index > bannerConts.length - 1) {
			index = 0;
		}
	}, 3000);
});
